<template>
  <!-- 透传进来的属性或事件绑定，默认会绑定到子组件的根元素上 -->
  <!-- 透传 Attributes：这些 Attribute 并没有被声明为 Props 或 Emits -->
  <button class="btn-large" style="color: green; font-family: 华文中宋" @click="mySelfHandler">
    按钮
    <span>(Demo)</span>
  </button>
</template>

<script setup>
const mySelfHandler = () => {
  console.log('触发了子组件自身的 click 处理函数')
}
</script>

<style scoped>
.btn-large {
  font-size: 12px;
  font-style: italic;
}
</style>
